<div id="template_tabsearch">
    <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane :label="$t('tabsearch.xxtx')" name="first">
            <el-form-q :field-data="queryFields" search-table="mytable"></el-form-q>
            <div class="yu-toolBar">
                <el-button-group>
                    <el-button icon="document">{{ $t('tabsearch.xq') }}</el-button>
                    <el-button icon="yx-checkmark2">{{ $t('tabsearch.bjwyd') }}</el-button>
                    <el-button icon="yx-share2">{{ $t('tabsearch.fx') }}</el-button>
                </el-button-group>
            </div>
            <el-table-x ref="mytable" :data-url="dataUrl" :table-columns="tableColumns"></el-table-x>
        </el-tab-pane>

        <el-tab-pane :label="$t('tabsearch.dbsx')" name="second">
            <el-form-q :field-data="queryFields" :buttons="queryButtons"></el-form-q>
            <div class="yu-toolBar">
                <el-button-group>
                    <el-button icon="plus">{{ $t('tabsearch.xz') }}</el-button>
                    <el-button icon="document">{{ $t('tabsearch.xq') }}</el-button>
                    <el-button icon="yx-checkmark2">{{ $t('tabsearch.bjwyd') }}</el-button>
                    <el-button icon="yx-share2">{{ $t('tabsearch.fx') }}</el-button>
                </el-button-group>
            </div>
            <el-table-x ref="mytable1" :data-url="dataUrl" :table-columns="tableColumns"></el-table-x>
        </el-tab-pane>

        <el-tab-pane :label="$t('tabsearch.gzrc')" name="third">
            <el-form-q :field-data="queryFields" :buttons="queryButtons"></el-form-q>
            <div class="yu-toolBar">
                <el-button-group>
                    <el-button icon="plus">{{ $t('tabsearch.xz') }}</el-button>
                    <el-button icon="yx-share2">{{ $t('tabsearch.fx') }}</el-button>
                </el-button-group>
            </div>
            <el-table-x ref="mytable2" :data-url="dataUrl" :table-columns="tableColumns"></el-table-x>
        </el-tab-pane>

        <el-tab-pane :label="$t('tabsearch.wdrc')" name="fourth">
            <el-form-q :field-data="queryFields" :buttons="queryButtons"></el-form-q>
            <div class="yu-toolBar">
                <el-button-group>
                    <el-button icon="yx-checkmark2">{{ $t('tabsearch.sp') }}</el-button>
                    <el-button icon="document">{{ $t('tabsearch.fx') }}</el-button>
                </el-button-group>
            </div>
            <el-table-x ref="mytable3" :data-url="dataUrl" :table-columns="tableColumns"></el-table-x>
        </el-tab-pane>

    </el-tabs>
</div>
